import styled from "styled-components";

export const AppFooterWrap = styled.div`
  border-top: 1px solid #d3d3d3;
  height: 172px;
  position: relative;
  background-color: #f2f2f2;
  .footerBox {
    display: flex;
  }
  .footer-left {
    padding-top: 15px;
    width: 520px;
    display: flex;
    flex-direction: column;
    line-height: 24px;
    .person-foot {
      ul {
        li {
          float: left;
          color: #999;
          a {
            color: #999;
          }
          .line {
            margin: 0 8px 0 10px;
          }
        }
      }
    }
    .ft-m {
      margin-right: 15px;
    }
  }
  .footer-right {
    flex: 1;
    .footer-right-box {
      margin-top: 33px;
      ul {
        li {
          float: left;
          margin-left: 30px;
          :nth-child(1) {
            margin-left: 0;
          }
          span {
            display: inline-block;
            margin: 5px 5px 0;
            width: 52px;
            height: 14px;
          }
          .frb-img1 {
            width: 50px;
            height: 45px;
            background-position: -63px -456.5px;
            text-indent: -9999px;
            display: block;
          }
          .frb-img2 {
            width: 50px;
            height: 45px;
            background-position: -63px -101px;
            text-indent: -9999px;
            display: block;
            margin-left: 5px;
          }
          .frb-img3 {
            width: 50px;
            height: 45px;
            background-position: 0 0;
            text-indent: -9999px;
            display: block;
            margin-left: 5px;
          }
          .frb-img4 {
            width: 50px;
            height: 45px;
            background-position: -63px -50px;
            text-indent: -9999px;
            display: block;
            margin-left: 7px;
          }
          .frb-img5 {
            width: 50px;
            height: 45px;
            background-position: 0 -101px;
            text-indent: -9999px;
            display: block;
            margin-left: 5px;
          }
          .frb-span-img1 {
            background-position: 0 -108px;
            margin-left: -6px;
            width: 72px;
          }
          .frb-span-img2 {
            background-position: -1px -91px;
          }
          .frb-span-img3 {
            background-position: 0 0;
          }
          .frb-span-img4 {
            background-position: 0 -54px;
          }
          .frb-span-img5 {
            background-position: -1px -72px;
          }
        }
      }
    }
  }
`;
